<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>


<button>按钮1</button>
<button>按钮2</button>
<button>按钮3</button>
<button>按钮4</button>
<button>按钮5</button>




<script>
  //1 变量的作用域 : 变量在什么范围内是可用的

  {
    var name = 'name';
    console.log(name);
  }

  //在外面也能使用var的变量
  console.log(name);

  //2 没有块级作用域引起的问题 方法里面的name值 被外部修改
  if (true){
    var name = 'way';
  }
  console.log(name);

  //为什么闭包 可以解决var的问题 :函数 是一个作用域


  //es6 let中if 和for 加入块级作用域
  const btns = document.getElementsByTagName('button')
  for (let i = 0; i < btns.length; i++) {
    btns[i].addEventListener('click',function (){
      console.log('第'+i+'个按钮被点击');
    })

  }

</script>

</body>
</html>